<template>
  <div class="about">
    <h1>打字练习器</h1>
    <WordInput />
    <Keyboard />
    <!-- 添加键盘模拟器组件 -->
  </div>
</template>
<script setup lang="ts">
import WordInput from '@/components/WordInput.vue'
import Keyboard from '@/components/Keyboard.vue' // 导入 Keyboard 组件
</script>
<style>
@media (min-width: 1024px) {
  h1 {
    width: 100%;
    text-align: center;
  }

  .about {
    min-height: 100vh;
    /* display: flex;
    align-items: center; */
  }
}
</style>
